{% from 'macros/button/index.xml.njk' import button %}
{% from 'macros/description/index.xml.njk' import description %}

<view style="form-group">
  <text style="label">De-selectable picker field</text>
  <picker-field
    field-style="input"
    field-text-style="input-text"
    modal-overlay-style="picker-modal-overlay"
    modal-style="picker-modal"
    modal-text-style="picker-modal-text"
    name="de-selectable-picker"
    placeholder="Select choice"
    placeholderTextColor="#8D9494"
    value="3">
    <picker-item label="No choice" value=""/>
    <picker-item label="Choice 0" value="0"/>
    <picker-item label="Choice 1" value="1"/>
    <picker-item label="Choice 2" value="2"/>
    <picker-item label="Choice 3" value="3"/>
    <picker-item label="Choice 4" value="4"/>
    <picker-item label="Choice 5" value="5"/>
    <picker-item label="Choice 6" value="6"/>
  </picker-field>
</view>
